<section class="todoapp">
  <header class="header">
    <h1>todos</h1>
    <app-todo-creator></app-todo-creator>
  </header>
  <!-- This section should be hidden by default and shown when there are todos -->
  <app-todo-list *ngIf="todoCount > 0" [todos]="filteredTodos"></app-todo-list>
  <!-- This footer should hidden by default and shown when there are todos -->
  <app-footer *ngIf="todoCount > 0" [completedCount]="completedCount" [uncompletedCount]="uncompletedCount"></app-footer>
</section>
<footer class="info">
  <p>Double-click to edit a todo</p>
  <!-- Remove the below line ↓ -->
  <p>Template by <a href="http://sindresorhus.com">Sindre Sorhus</a></p>
  <!-- Change this out with your name and url ↓ -->
  <p>Created by <a href="http://todomvc.com">you</a></p>
  <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
</footer>
